.container{width: 1200px;}
.main{background: #F6F4F5;padding: 0 0 30px 0;}
.main .page{height: 50px;display: flex;align-items: center;width: 100%;}
.main .page a{margin-right: 10px;color: #000;}
.main .pro{display: flex;padding: 20px 0 20px 0;background: #fff;}
.main .pro .small-img{width: 140px;height: 420px;padding: 0px 20px 0px 45px;display: flex;flex-direction: column;justify-content: space-between;}
.main .pro .small-img li{width: 72px;height: 72px;border: solid 1px #ccc;padding: 2px;}
.main .pro .small-img li img{width: 100%;height: 100%;}
.main .pro .big-img{width: 420px;height: 420px;position: relative}
.main .pro .big-img img{width: 420px;height: 420px;}
.main .pro .big-img .look{position: absolute;width: 150px;height:150px;background: #000;z-index: 999;display: none;opacity: 0.3}
.main .pro .produce{width: 530px;height: 420px;margin-left: 40px;display: flex;flex-direction: column;}
.main .pro .produce .p_name{width: 100%;height: 20px;font-size: 18px;line-height: 20px;text-align: left;}
.main .pro .produce .jieshao{height: 20px;font-size: 14px;color: red;margin-top: 7px;width: 100%;}
.main .pro .produce .temaihui{width: 530px;height: 40px;margin-top: 8px;color: #fff;display: flex;align-items: center;background: #C40000;}
.main .pro .produce .temaihui h3{font-size: 30px;margin-left: 40px;margin-right: 30px;}
.main .pro .produce .huodongjia{width: 530px;height: 95px;padding: 20px 0 0 10px;color: #000;background: #EEEEEE;margin-top: 10px;}
.main .pro .produce .huodongjia p{height: 30px;line-height: 30px;}
.main .pro .produce .huodongjia p:nth-child(1) span{margin-left: 10px;color: #C40000;font-size: 25px;height: 30px;line-height: 30px;}
.main .pro .produce .huodongjia p:nth-child(2){display: flex;align-items: center;}
.main .pro .produce .huodongjia p:nth-child(2) span{height: 21px;padding: 0 5px;color: #fff;background: #C40000;line-height: 21px;margin-left: 5px;}
.main .pro .produce .address{width: 530px;height: 25px;margin-top: 10px;line-height: 25px;}
.main .pro .produce .addressBox{position: absolute;top: 476px;left: 757px;padding: 15px;background: #fff;border: solid 1px #ccc;display: none;}
.main .pro .produce .addressBox .area{display: flex;#000;font-size: 14px;margin-bottom: 5px;}
.main .pro .produce .addressBox .area dd{padding:0 5px;color: #000;font-size: 14px;cursor: pointer;}
.main .pro .produce .addressBox .area dd:hover{color: #C40000;}
.main .pro .produce .address span{display:inline-block;height: 25px;padding: 0 5px;border: solid 1px #ccc;}
.main .pro .produce .xiaoliang{width: 530px;height: 36px;margin-top: 17px;border-top: dashed 1px #ccc;border-bottom: dashed 1px #ccc;display: flex;align-items: center;padding: 0;}
.main .pro .produce .xiaoliang li{flex: 1;text-align: center;border-right: 1px solid #EEEEEE;}
.main .pro .produce .xiaoliang li span{margin-left: 10px;color: #C40000;}
.main .pro .produce .xiaoliang li:nth-child(3){border: none;}
.main .pro .produce .shuliang{width: 530px;height: 30px;margin-top: 15px;display: flex;align-items: center;}
.main .pro .produce .shuliang .p_num{width: 38px;height: 30px;line-height: 30px;text-align: center;margin-left: 10px;border: solid 1px #ccc;}
.main .pro .produce .shuliang .changenum{width: 21px;height: 30px;display: flex;flex-direction: column;justify-content: space-between;margin-left: 5px;}
.main .pro .produce .shuliang .changenum .add{width: 100%;height: 14px;border: solid 1px #ccc;line-height: 14px;text-align: center;}
.main .pro .produce .shuliang .changenum .sub{width: 100%;height: 14px;border: solid 1px #ccc;line-height: 14px;text-align: center;}
.main .pro .produce .btn{height: 40px;margin-top: 30px;width: 180px;text-align: center;line-height: 40px;font-size: 25px;color: #fff;background: #C40000;border: none;padding: 0;}
.fangda{width: 300px;height: 300px;border: solid 2px #ccc;position: absolute;top: 240px;left: 700px;display: none;overflow: hidden}
.fangda img{width: 840px;height: 840px;position: absolute;}
.addcarts{width: 300px;height: 100px;background: orange;opacity: 0;position: absolute;top:50%;left: 50%;margin: 0px 0 0 -150px;display: flex;justify-content: space-around;flex-wrap: wrap;z-index: 999;font-size: 25px;color: #fff;line-height: 100px;text-align: center;display: none;border-radius: 10px}
.add,.sub{cursor: pointer}
.errorMsg{width: 500px;height: 100px;background: orange;opacity: 0;position: absolute;top:50%;left: 50%;margin: 0px 0 0 -150px;display: flex;justify-content: space-around;flex-wrap: wrap;z-index: 999;font-size: 25px;color: #fff;line-height: 100px;text-align: center;display: none;border-radius: 10px}